import React, { memo } from "react";
import PropTypes from "prop-types";

import { HeaderWrapper } from "./style";

export default memo(function HYThemeHeaderSmall(props) {
  const { title, more } = props;

  HYThemeHeaderSmall.propTypes = {
    title: PropTypes.string.isRequired,
    more: PropTypes.string,
  };
  
  return (
    <HeaderWrapper>
      <h3>{title}</h3>
      <a href="/abc">{more}</a>
    </HeaderWrapper>
  );
});
